<template>
    <view class="swiper-wrapper">
        <up-swiper
        class="swiper"
            :list="bannerList"
            height="150"
            indicator
            indicatorMode="line"
            circular
    ></up-swiper>
    </view>
</template>

<script setup>
import { ref } from 'vue';
import Banner1 from '@/static/banner/banner1.png';
import Banner2 from '@/static/banner/banner2.jpg'; 
import Banner3 from '@/static/banner/banner3.jpg'; 

  
// 使用 ref 创建响应式引用  
const bannerList = ref([  
    Banner1, 
    Banner2, 
    Banner3, 
]);  
</script>

<style lang="scss" scoped>
.swiper-wrapper{
    width: 100%;
    height: 200px;
    overflow: hidden;

    .swiper{
        width: 100%;
        height: 100%;
    }
}
</style>